<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        表单:
            -在现实生活中表单用于提交数据
            -在网页中也可以使用表单，网页中的表单用于将本地的数据提交给远程的服务器
            -使用form标签来创建一个表单
     -->
    <!-- 
         form 属性
         action 表单
      -->
    <form action="99_target.html">
        <!-- 
            autocomplete="off”关闭自动补全
            readonly将表单项设置为只读，数据会提交
            disabled将表单项设置为禁用，数据不会提交
            autofocus设置表单项自动获取焦点
        -->
        username<input type="text" name="username" autocomplete="off" readonly>
        <br><br> password <input type="password" name="password">
        <br><br><input type="submit" value="注册">
        <br><br> 单选按钮 <input type="radio" name="hello" value="1">
        <input type="radio" name="hello" value="2">
        <input type="radio" name="hello" value="3">

        <br><br> 多选按钮 <input type="checkbox" name="hello" value="1">
        <input type="checkbox" name="hello" value="2">
        <input type="checkbox" name="hello" value="3">
        <br><br>
        <select name="haha" id="">
            <option value="i">option1</option>
            <option value="ii">option2</option>
            <option value="iii">option3</option>
        </select>
    </form>
</body>

</html>